<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>datatalk</title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection" />
  <link rel="stylesheet" href="css/print.css" type="text/css" media="print" />
  <!--[if IE]>
	<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection" />
  <![endif]-->
  <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection" />
</head>
<body>
	<div id="head">
		<div class="container">
			<div id="topbar" class="prefix-20 span-4 last">
				<a href="">登陆</a>
				<a href="">注册</a>
				<a href="">退出</a>
				<!--
				<input type="text" value="search" size="32" maxlength="140" tabindex="1" name="q">
				-->
			</div>
		</div>
	
		<div class="container ">
			<div class="span-6 suffix-1 logo">
				<img src="images/sof.jpg"/>
			</div>
			<div id="nav" class="span-10 suffix-4 ">
				<ul>
					<li><a href="#">问题</a></li>
					<li><a href="#">标签</a></li>
					<li><a href="#">用户</a></li>
					<li><a href="#">奖状</a></li>
					<li><a href="#">未回答</a></li>
				</ul>
			</div>
			<div id="nav" class="span-3 last ">
				<ul><li><a href="#">Ask Question</a></li></ul>
			</div>
		</div>
	</div>
	
	<div id="body">
		<div class="container showgrid">
			<div class="span-17 colborder">
				<div class="subheader">
					<div class="span-5">
						<h1 id="h-top-questions">Top Questions</h1>
					</div>
					<div class="prefix-5 span-6">
						<div id="tab">
							<a href="">interesting</a> 
							<a href="">featured</a> 
							<a href="">hot</a> 
							<a href="">week</a> 
							<a href="">month</a>
						</div>
					</div>
				</div>
				<!--具体的问题简洁代码，需要嵌套上程序for循环的-->
				<div id="question-mini-list">
					<div class="question-summary narrow">
						<div class="span-2">
							<div class="statscontainer">
								<div class="stats">
									<div class="vote">
										<div class="votes">
											<span class="vote-count-post"><strong>0</strong></span>
											<div class="viewcount">votes</div>
										</div>
									</div>
									<div class="status answered">
										<strong>1</strong>answer
									</div>
								</div>
								<div title="7 views" class="views">7 views</div>
							</div>
						</div>
						
						<div class="summary">
							<h3>title</h3>
							<div class="tags">tags</div>
							<div class="started">
								<span class="relativetime" title="2011-05-10">1m ago</span>			   
								<a href="#">Johanna</a> 
								<span title="reputation score" class="reputation-score">3</span>
							</div>
						</div>
						
					</div>
				</div>
			</div>
			
			<div class="span-6 last">
				<div id="sidebar">
					<div id="recent-tags">
						<h1 id="h-top-questions">Recent Tags</h1>
						<div id="recnet-tags-list">
							<a rel="tag" title="" class="post-tag" href="/questions/tagged/c%23">c#</a>
							<span class="item-multiplier">×&nbsp;89</span></br>		
						</div>
						<p class="ar"><a href="/tags">all tags »</a></p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer"></div>
</body>
</html>